<template>
  <div class="relative">
    <h6>商品参数</h6>
    <ul>
      <li v-for="item in attribute" :key="item.id">
        <span>{{ item.name }}</span
        >:
        <span>{{ item.value }}</span>
      </li>
    </ul>
    <p>
      <!-- <img :src="item.list_pic_url" alt=""> -->
    </p>
  </div>
</template>

<script>
export default {
  name: "VueRelative",
  props: ["attribute"],

  data() {
    return {};
  },

  mounted() {
    // console.log(this.attribute)
  },

  methods: {},
};
</script>

<style lang="less" scoped>
.relative {
  h6 {
    margin-top: 20px;
    text-align: center;
    ul {
      // flex-wrap: wrap;
      li {
        background: gainsboro;
        font-size: 20px;
        display: flex;
      }
    }
  }
}
</style>
